import React from "react";
import { Tabs } from "antd";
import AboutOne from "../Components/SomeAboutCom/AboutOne";
import AboutTwo from "../Components/SomeAboutCom/AboutTwo";
import AboutThr from "../Components/SomeAboutCom/AboutThr";
import AboutFor from "../Components/SomeAboutCom/AboutFor";
import AboutFiv from "../Components/SomeAboutCom/AboutFiv";
const { TabPane } = Tabs;
const About: React.FC = () => {
  const formData=[
    {
      name:1,type:'1号'
    },
    {
      name:2,type:'2号'
    },
    {
      name:3,type:'3号'
    },
    {
      name:4,type:'4号'
    }
  ]
  return (
    <Tabs defaultActiveKey="5">
      <TabPane tab="AboutOne" key="1">
        <AboutOne />
      </TabPane>
      <TabPane tab="AboutTwo" key="2">
        <AboutTwo />
      </TabPane>
      <TabPane tab="AboutThr" key="3">
        <AboutThr />
      </TabPane>
      <TabPane tab="AboutFor" key="4">
        <AboutFor formData={formData}/>
      </TabPane>
      <TabPane tab="AboutFor" key="5">
        <AboutFiv />
      </TabPane>
    </Tabs>
  );
};
export default About;
